<template>
    <el-menu router>
        <el-submenu index="sys">
            <template slot="title">
                <i class="el-icon-setting"></i>
                <span>系统模块</span>
            </template>
            <el-menu-item index="/user">用户管理</el-menu-item>
        </el-submenu>
        <el-submenu index="pms">
            <template slot="title">
                <i class="el-icon-goods"></i>
                <span>商品模块</span>
            </template>
            <el-menu-item index="/brand">品牌管理</el-menu-item>
            <el-menu-item index="/category">分类管理</el-menu-item>
            <el-menu-item index="/product">商品管理</el-menu-item>
        </el-submenu>
    </el-menu>
</template>

<script>
    export default {
        name: 'Menu',
        data() {
            return {

            }
        },
        methods: {
            handleOpen(key, keyPath) {
                console.log(key, keyPath);
            },
            handleClose(key, keyPath) {
                console.log(key, keyPath);
            }
        }
    }
</script>

<style scoped lang="less">
    .el-menu {
        height: 100% !important;
    }
    /deep/ .el-menu-item-group__title {
        padding: 0;
    }
</style>